<%@ page contentType="text/html" pageEncoding="UTF-8" session="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath}"/>
<!doctype html>
<html lang="nl">
<head>
<link rel="stylesheet" href="${contextPath}/styles/default.css"/>
<title>Sausen</title>
</head>
<body>
<c:import url="/WEB-INF/JSP/menu.jsp" />
 <h1>Onze sausen</h1>
 <c:url value="/sausen.htm" var="url" />
 <form method="post" action="${url}">
    <ul>
    <c:forEach var="saus" items="${sausen}">
    <li> 
    <label> <input type="checkbox" name="nummer" value="${saus.nummer}" />
          <img alt="${saus.naam}" src="images/${saus.naam}.jpg"/>
          ${saus.nummer} ${saus.naam}: 
          <c:forEach var="ingedrient" items="${saus.ingedrienten}" varStatus="status">
          ${ingedrient}${!status.last ?",":"."}</c:forEach>
          </label>
          </li>
    </c:forEach>
    </ul>
    <input type="submit" value="Verwijderen" id="verwijderknop">
    </form>
</body>
</html>